<!DOCTYPE html>
<html lang="en">
      <head>
      <title>Clients</title>
      <meta charset="utf-8">
      <link rel="icon" href="img/favicon.ico" type="image/x-icon">
      <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
      <meta name="description" content="Your description">
      <meta name="keywords" content="Your keywords">
      <meta name="author" content="Your name">
      <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
      <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/superfish.js"></script>
      <script type="text/javascript" src="js/jquery.mobilemenu.js"></script>    
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
      <!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
      <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
  <![endif]-->
      </head>

      <body>
<!--============================== header =================================-->
<header>
        <div class="container">
    <div class="navbar navbar_">
            <div class="clearfix">
        <h1 class="brand"><a href="index.html"><img alt="Tagoo" src="img/logo.png"></a></h1>
        <div class="nav-collapse nav-collapse_  collapse">
         <ul class="nav sf-menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="index-1.html">About us </a></li>
            <li class="active"><a href="index-2.html">Clients</a>
                <ul>
                    <li><a href="#">Dolore ipsu</a></li>
                    <li><a href="#">Consecte</a>
                        <ul>
                        <li><a href="#">Dolore ipsu</a></li>
                        <li><a href="#">Consecte</a></li>
                        <li><a href="#"> Elit Conseq</a></li>
                       </ul>
                   </li>
                   <li><a href="#">Elit Conseq</a></li>
              </ul>
            </li>
            <li><a href="index-3.html">Services</a></li>
            <li><a href="index-4.html">Mail Us</a></li>
         </ul>
              </div>
      </div>
          </div>
  </div>
      </header>

<!--============================== content =================================-->

<div id="content">
  <div class="container"> 
            <h3>Be Our Client</h3>
            <div class="clearfix">
              <figure class="img-indent2"><img src="img/page3-img1.jpg " alt="" /></figure>
             
              <p>Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci.   </p>
            <ul class="list">
            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a></li>
            <li><a href="#">Pellentesque sed dolor</a></li>
            <li><a href="#">Aliquam congue fermentum nisl lacus ut enim adipiscing aliquet</a></li>
            <li><a href="#">In pede mi, aliquet sit amet, euismod in,auctor ut, ligula in velit vel ipsum auctor pulvinar</a></li>
            <li><a href="#">Nulla venenatis dapibus tincidunt metus </a></li>             
            </ul>
           </div>
    
    <div class="row padd-top">
    <article class="span3">
    <h3>Membership</h3>
    <p><strong>Donec in velit vel ipsum auctor pulvinarestibulum iaculis lacinia.</strong><br>
Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nullavel diam. Sed in lacus ut.</p>
    <p><strong>Suspendisse sollicitudin velit seleout pharetra augue nec augue.</strong><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. </p>
    Praesent justo dolor, lobortis quis, loborti. Vestibulum iaculis lacini estlentesque sed dolorroin dictum elementum.
    </article>
    
    <article class="span9">
    
    <h3>Our Clients</h3>
    
    <ul class="list-clients">
    <li class="span3"><figure><img src="img/page3-img2.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li>
     <li class="span3"><figure><img src="img/page3-img3.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li> 
     <li class="span3"><figure><img src="img/page3-img4.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li>
      <li class="span3"><figure><img src="img/page3-img5.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li>
     <li class="span3"><figure><img src="img/page3-img6.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li> 
     <li class="span3"><figure><img src="img/page3-img7.jpg " alt="" /></figure>    
    <a href="#">go to our site</a>    
    </li>
      
    </ul>    
    </article>       
    </div>    
    
  </div>
</div>

<!--============================== footer =================================-->
<footer>
        <div class="container clearfix">
    <div class="pull-right">
            <div class="list-soc clearfix"> <a href="#"><img alt="" src="img/soc-icon1.png"></a>
              <a href="#"><img alt="" src="img/soc-icon2.png"></a>
               <a href="#"><img alt="" src="img/soc-icon3.png"></a> </div>
          </div>
    <div class="privacy"><img src="img/logo-footer.png" alt=""> &copy; 2013 | <a href="index-5.html">Privacy Policy</a>
           </div>
  </div>
      </footer>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>